<!DOCTYPE html>
<html>

<head lang="cn">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <title>泰安全域旅游导航</title>
  <link type="text/css" rel="stylesheet" href="../css/index.css?v=1.7">
  <link type="text/css" rel="stylesheet" href="../weui/weui.min.css">
  <style type="text/css">
    body,
    html,
    #lu-map {
      width: 100%;
      height: 100%;
      margin: 0;
      user-select: none;
    }

    .amap-logo {
      top: -20px;
    }

    .amap-copyright {
      top: -20px;
    }

    .hide {
      display: none;
    }
    .show-img{overflow:hidden; position:relative;}
		.show-img .bd{ position:relative; height:100%; z-index:0;   }
		.show-img .bd ul{overflow:hidden;zoom:1;height: 100%; }
		.show-img .bd li{ zoom:1; vertical-align:middle;height: 100%; }
		.show-img .bd li img{height:100px;display:block;margin: 0 auto !important; object-fit: scale-down;}
  </style>
</head>

<body>
  <div class="map-infos hide" id="noticeShow">
    <div class="map-info-all" id="noticeList">
      <!-- <p class="map-info" data-id="1">公告：<span class="info">泰山大街车辆拥堵，请注意绕行</span></p>
      <p class="map-info" data-id="2">公告：<span class="info">东岳大街交通顺畅</span></p>
      <p class="map-info" data-id="3">公告：<span class="info">文明出行，方便你我</span></p> -->
    </div>
  </div>
  <div class="map-tools map-tools-home">
    <div class="map-bt map-bt-home map-bt-scenic select" data-types="1" title="景区">
      <div class="icon"></div><span class="title">景区</span>
    </div>
    <div class="map-bt map-bt-home map-bt-hotel" data-types="100000" title="酒店">
      <div class="icon"></div><span class="title ">酒店</span>
    </div>
    <div class="map-bt map-bt-home map-bt-carpark" data-types="150900" title="停车场&充电桩">
      <div class="icon"></div><span class="title">停车</span>
    </div>
    <div class="map-bt map-bt-home map-bt-toilet" data-types="200300" title="厕所">
      <div class="icon"></div><span class="title">厕所</span>
    </div>
    <div class="map-bt map-bt-home map-bt-charge" data-types="011100" title="充电桩">
      <div class="icon"></div><span class="title">充电</span>
    </div>
    <!-- <div class="map-bt map-bt-home map-bt-ticket" data-types="7" title="购票"><div class="icon"></div><span class="title">购票</span></div> -->

    <div class="map-bt map-bt-back select" title="全域">
      <div class="icon"></div><span class="title">返回</span>
    </div>
    <div class="map-bt map-bt-own map-bt-scenic-info" data-own="1" title="景区详情">
      <div class="icon"></div><span class="title">详情</span>
    </div>
    <div class="map-bt map-bt-own map-bt-scenic-live select" data-own="1" title="景区实况">
      <div class="icon"></div><span class="title">实况</span>
    </div>
    <div class="map-bt map-bt-own map-bt-scenic-point" data-own="1" data-types="101" title="景区景点">
      <div class="icon"></div><span class="title">景点</span>
    </div>
    <div class="map-bt map-bt-own map-bt-scenic-toilet" data-own="1" data-types="200300" title="景区厕所">
      <div class="icon"></div><span class="title">厕所</span>
    </div>

    <div class="map-bt map-bt-own map-bt-hotel-info select" data-own="2" title="酒店详情">
      <div class="icon"></div><span class="title">详情</span>
    </div>

    <div class="map-bt map-bt-own map-bt-carpark-info select" data-own="3" title="停车场详情">
      <div class="icon"></div><span class="title">详情</span>
    </div>

    <div class="map-bt map-bt-own map-bt-toilet-info select" data-own="4" title="厕所详情">
      <div class="icon"></div><span class="title">详情</span>
    </div>

    <div class="map-bt map-bt-own map-bt-charge-info select" data-own="7" title="充电桩详情">
      <div class="icon"></div><span class="title">详情</span>
    </div>

  </div>
  <div id="lu-map" tabindex="0"></div>
  <script src="https://webapi.amap.com/maps?v=1.4.14&key=a451001d808ffff80790d52df188b739"></script>
  <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
  <script src="../weui/weui.min.js"></script>
  <script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="../../js/urlTool.js"></script>
  <script type="text/javascript" src="../../layer/layer.js"></script>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  <script type="text/javascript" src="../../js/template-web.js"></script>
  <script type="text/javascript" src="../../js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="../js/index.min.js?v=1.2"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript">
    document.title = decodeURIComponent(getQueryVariable('cityname')) + "全域旅游系统";
    LuMap.mapWebInit(getQueryVariable('citycode'));
    getNoticeList(getQueryVariable('citycode'));

    function getNoticeList(areaCode) {
      sm.req({
        url: '/common/getNoticeList',
        data: {
          areaCode: areaCode,
          page: 1,
          limit: 10
        },
        done: function (res) {
          if (res.code == 200) {
            if (res.data.length > 0) {
              let html = template('notice_tpl', res);
              $("#noticeList").html(html);
              $("#noticeShow").show();
            } else {
              $("#noticeShow").hide();
            }
          }
        }
      });
    }
  </script>
  <script id="notice_tpl" type="text/html">
    {{each data}}
    <p class="map-info" data-id="{{$value.noticeId}}"><a href="/noticeinfo.html?noticeId={{$value.noticeId}}" class="info">公告：{{$value.noticeTitle}}</a></p>
    {{/each}}
  </script>
  <script id="src_img_tpl" type="text/html">
    {{if data.length > 0}}
    <div class="show-img">
      <div class="bd">
        <ul>
          {{each data}}
          <li><img alt="展示图片" src="{{fileUrl}}{{$value.attPath}}" onerror="imgerr(this)" /></li>
          {{/each}}
        </ul>
      </div>
    </div>
    {{/if}}
  </script>

</body>

</html>